@charset "utf-8";
/* CSS Document */

/*图集模板选择按钮*/
.photoLayoutSelect{
	clear:both;
}

.photoLayoutSelect ul{
	margin:0;
	padding:0;
}

.photoLayoutSelect li{
	float:left;
	width:70px;
	height:112px;
	list-style-type: none;
	padding:0;
	margin:0;
	cursor:pointer;
}

.photoLayoutSelect li a{
	width:70px;
	display:block;
	background:url(../pimg/basesys/photolayout.gif);
}
.photoLayoutSelect .selected a{
	background-color:#8bc4e8;
}

.photoLayoutSelect .pt1{
	display:none;
}

.photoLayoutSelect .pt11 a{
	height:78px;
	background-position: 0 0;
}

.photoLayoutSelect .pt2 a{
	background-position: -80px 0;
	height:31px;
}
.photoLayoutSelect .pt12 a{
	background-position: 0 -115px;
	height:68px;
}
.photoLayoutSelect .pt21 a{
	background-position: -80px -115px;
	height:68px;
}
.photoLayoutSelect .pt3 a{
	background-position: -160px -115px;
	height:26px;
}
.photoLayoutSelect .pt121 a{
	background-position: 0 -230px;
	height:105px;
}
.photoLayoutSelect .pt13 a{
	background-position: -80px -230px;
	height:63px;
}
.photoLayoutSelect .pt31 a{
	background-position: -160px -230px;
	height:63px;
}
.photoLayoutSelect .pt22 a{
	background-position: -240px -230px;
	height:58px;
}
.photoLayoutSelect .pt4 a{
	background-position: -320px -230px;
	height:21px;
}

.photoLayoutSelect .pt122 a{
	background-position: 0 -345px;
	height:95px;
}

.photoLayoutSelect .pt212 a{
	background-position: -80px -345px;
	height:95px;
}

.photoLayoutSelect .pt221 a{
	background-position: -160px -345px;
	height:95px;
}

.photoLayoutSelect .pt23 a{
	background-position: -240px -345px;
	height:53px;
}

.photoLayoutSelect .pt32 a{
	background-position: -320px -345px;
	height:53px;
}

.photoLayoutSelect .pt14 a{
	background-position: -400px -345px;
	height:58px;
}

.photoLayoutSelect .pt41 a{
	background-position: -480px -345px;
	height:58px;
}

.photoLayoutSelect .pt123 a{
	background-position: 0 -460px;
	height:90px;
}

.photoLayoutSelect .pt132 a{
	background-position: -80px -460px;
	height:90px;
}

.photoLayoutSelect .pt213 a{
	background-position: -160px -460px;
	height:90px;
}

.photoLayoutSelect .pt222 a{
	background-position: -240px -460px;
	height:85px;
}

.photoLayoutSelect .pt33 a{
	background-position: -320px -460px;
	height:48px;
}

.photoLayoutSelect .pt24 a{
	background-position: -400px -460px;
	height:48px;
}

.photoLayoutSelect .pt42 a{
	background-position: -480px -460px;
	height:48px;
}

.photoLayoutSelect .pt1222 a{
	background-position: 0 -575px;
	height:112px;
}

.photoLayoutSelect .pt133 a{
	background-position: -80px -575px;
	height:85px;
}

.photoLayoutSelect .pt124 a{
	background-position: -160px -575px;
	height:85px;
}

.photoLayoutSelect .pt241 a{
	background-position: -240px -575px;
	height:85px;
}

.photoLayoutSelect .pt223 a{
	background-position: -320px -575px;
	height:80px;
}

.photoLayoutSelect .pt232 a{
	background-position: -400px -575px;
	height:80px;
}

.photoLayoutSelect .pt34 a{
	background-position: -480px -575px;
	height:43px;
}

.photoLayoutSelect .pt1223 a{
	background-position: 0 -690px;
	height:112px;
}

.photoLayoutSelect .pt1232 a{
	background-position: -80px -690px;
	height:112px;
}

.photoLayoutSelect .pt2222 a{
	background-position: -160px -690px;
	height:112px;
}

.photoLayoutSelect .pt233 a{
	background-position: -240px -690px;
	height:75px;
}

.photoLayoutSelect .pt134 a{
	background-position: -320px -690px;
	height:75px;
}

.photoLayoutSelect .pt224 a{
	background-position: -400px -690px;
	height:75px;
}

.photoLayoutSelect .pt44 a{
	background-position: -480px -690px;
	height:38px;
}

.photoLayoutSelect .pt1233 a{
	background-position: 0 -805px;
	height:107px;
}

.photoLayoutSelect .pt1323 a{
	background-position: -80px -805px;
	height:107px;
}

.photoLayoutSelect .pt2223 a{
	background-position: -160px -805px;
	height:107px;
}

.photoLayoutSelect .pt144 a{
	background-position: -240px -805px;
	height:70px;
}

.photoLayoutSelect .pt441 a{

	background-position: -320px -805px;
	height:70px;
}

.photoLayoutSelect .pt234 a{
	background-position: -400px -805px;
	height:70px;
}

.photoLayoutSelect .pt333 a{
	background-position: -480px -805px;
	height:70px;
}

.photoLayoutSelect .pt1333 a{
	background-position: 0 -920px;
	height:102px;
}

.photoLayoutSelect .pt1234 a{
	background-position: -80px -920px;
	height:102px;
}

.photoLayoutSelect .pt3223 a{
	background-position: -160px -920px;
	height:102px;
}

.photoLayoutSelect .pt2233 a{
	background-position: -240px -920px;
	height:102px;
}

.photoLayoutSelect .pt2224 a{
	background-position: -320px -920px;
	height:102px;
}

.photoLayoutSelect .pt2332 a{
	background-position: -400px -920px;
	height:102px;
}

.photoLayoutSelect .pt2323 a{
	background-position: -480px -920px;
	height:102px;
}

/*图集模板显示*/
.pModule{
	width:100%;
	clear:both;
}

.pModule .row{
	clear:both;
	width:100%;
	height: 100%;
	overflow: hidden;
	margin-bottom:1%;
}

.pModule .row div{
	float:left;
}

.pModule .p_m1{
	float:none;
}

.pModule .row div a{
	cursor:pointer;
}

.pModule .row div img{
	width:100%;
}

.pModule .row div a span{
	display:none;
}

.pModule .row div a:hover span{
	display:block;
	height:50%;
	width:100%;
	position: absolute;
	bottom:0;
	background-color:#99FF00;
	z-index:1;
}


.pModule .p_m1{
	width:100%;
	clear: both;
}

.pModule .p_m2{
	width:49%;
	margin-right:1%;
}

.pModule .p_m2_r{
	width:50%;
	clear:right;
}

.pModule .p_m3{
	width:33%;
	margin-right:1%;
}

.pModule .p_m3_r{
	width:32%;
	clear:right;
}

.pModule .p_m4{
	width:24%;
	margin-right:1%;
}

.pModule .p_m4_r{
	width:25%;
	clear:right;
}

/**看图窗口**/
div.blackgroundLock a.closeModalPanel {
	display: block;
	color: #FFF;
	font-size: 36px;
	font-weight: bold;
	margin: 2px;
	cursor: pointer;
	position: absolute;
	right:0;
	top:0;
	z-index:10;
}

div.blackgroundLock a.arrowPrevious {
	display: block;
	color: #FFF;
	font-size: 72px;
	font-weight: bold;
	margin:50px 10px 0 10px;
	cursor: pointer;
	position:absolute;
	left:20px;
	z-index:10;
}

div.blackgroundLock a.arrowNext {
	display: block;
	color: #FFF;
	font-size: 72px;
	font-weight: bold;
	margin:50px 10px 0 10px;
	cursor: pointer;
	position:absolute;
	right:20px;
	z-index:10;
}

div.blackgroundLock a.closeModalPanel {
	display: block;
	float: right;
	color: #FFF;
	font-size: 36px;
	font-weight: bold;
	margin: 2px;
	cursor: pointer;
}

div.marqueeScrollPanel img {
	width: 100px;
	height: 60px;
}

div.marqueeScrollPanel div.scrollPanel ul.scroll li div.titlePanel {
	filter: alpha(opacity=70);
	opacity: 0.7;
	margin: 0;
	padding: 0;
	margin-left: 1px;
	background-color: #000;
	color: #FFF;
}

/*调试*/

div.scrollContainer .contentScrollPanel,div.scrollContainer .cacheContainer{
	text-align: center;
	display: table;
}
div.scrollContainer .contentScrollPanel span,div.scrollContainer .cacheContainer span{
	display: table-cell;
	vertical-align: middle;
}
div.scrollContainer .contentScrollPanel img,div.scrollContainer .cacheContainer img{
	max-height:100%;
	max-width:100%;
}


div.scrollPanel ul{
	text-align:center;
	white-space: nowrap;
	overflow: hidden;
}

div.scrollPanel ul.scroll li{
	display:inline-block;
	float:none;
}

